<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常见问题</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.5,maximum-scale=1.0,
    minimum-scale=1.0,user-scalable=no">
</head>
<style>
    *{
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
        html,body {
            font-size:27px;
        }
    }
    @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
        html,body {
            font-size:24px;
        }
    }
    @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
        html,body {
            font-size:20px;
        }
    }
    @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
        html,body {
            font-size:18px;
        }
    }
    @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
        html,body {
            font-size:16px;
        }
    }
    @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
        html,body {
            font-size:15px;
        }
    }
    @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
        html,body {
            font-size:13.5px;
        }
    }
    @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
        html,body {
            font-size:12px;
        }
    }
    @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
        html,body {
            font-size:10.35px;
        }
    }
    @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
        html,body {
            font-size:10px;
        }
    }
    @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
        html,body {
            font-size:9.375px;
        }
    }
    @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
        html,body {
            font-size:9px;
        }
    }
    @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
        html,body {
            font-size:8px;
        }
    }
    @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
        html,body {
            font-size:6px;
        }
    }
    .fail{
        margin-top: 0.5rem;
        width: 100%;
        height: 3rem;
        border-bottom: 2px solid rgba(0,0,0,0.2);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 1rem;
    }
    .fail div{
        font-size: 1rem;
        font-family:SourceHanSansCN-Regular;
        font-weight:400;
        color:rgba(40,40,40,1);
        letter-spacing:0.0625rem;
    }
    .off_line,
    .share,
    .install{
        width: 100%;
        height: 3rem;
        border-bottom: 2px solid rgba(0,0,0,0.2);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 1rem;
    }
    .off_line,
    .share,
    .install div{
        font-size: 1rem;
        font-family:SourceHanSansCN-Regular;
        font-weight:400;
        color:rgba(40,40,40,1);
        letter-spacing:0.0625rem;
    }
    img{
        width: 0.6875rem;
        height: 1.25rem;
        margin-right: 1.5625rem;
    }



</style>
<body>
  <div id="fail" class="fail">
      <div>设备配网提示失败怎么办？</div>
      <div>
          <img src="image/more@3x.png" alt="">
      </div>
  </div>
  <div id="off_line" class="off_line">
      <div>设备提示离线怎么办？</div>
      <div>
          <img src="image/more@3x.png" alt="">
      </div>
  </div>
  <div id="share" class="share">
      <div>如何分享设备给家人？</div>
      <div>
          <img src="image/more@3x.png" alt="">
      </div>
  </div>
  <div id="install" class="install">
      <div>如何设置智能场景？</div>
      <div>
          <img src="image/more@3x.png" alt="">
      </div>
  </div>
  <script>
       var fail = document.getElementById("fail")
       var off_line = document.getElementById("off_line")
       var share = document.getElementById("share")
       var install = document.getElementById("install")
      fail.onclick=function(){
        location.href = "question_one.html"
      }
       off_line.onclick=function(){
           location.href = "question_two.html"
       }
       share.onclick=function(){
           location.href = "question_three.html"
       }
       install.onclick=function(){
           location.href = "question_four.html"
       }
  </script>
</body>
</html>